<template>
    <div class="app_box">
        <div class="app_box_bg">
            <div class="advert">
                <div class="advert_banner"><img src="../../assets/img/advert/his-header.jpg" alt=""></div>
            </div>
            <!-- 历史 -->
            <div class="history">
                <div class="history_title">订单历史记录</div>
                <div class="history_main">
                    <div class="history_item" v-for="(item,idx) in list" :key="idx">
                        <div class="table">
                            <div class="cell">
                                <div class="info">
                                    <span class="info_name">项目：</span>
                                    <span class="info_title">八字测算精批</span>
                                </div>
                                <div class="info">
                                    <span class="info_name">价格：</span>
                                    <span class="info_color">18元（未支付）</span>
                                </div>
                                <div class="info">
                                    <span class="info_name">命主：</span>
                                    <span class="info_color">用户名</span>
                                </div>
                                <div class="info">
                                    <span class="info_name">时间：</span>
                                    <span class="info_time">2018.12.12 12:12:12</span>
                                </div>
                            </div>
                            <div class="cell" style="width:86px;">
                                <div class="info_btn" @click="onPay(item)">立即支付
                                    <span>></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 留言 -->
                <div class="footer">
                    <div class="footer_bbs" @click="onBbs">给大师留言，咨询更多问题
                        <span>></span>
                    </div>
                    <div class="footer_phone">
                        <div class="footer_phone_text">全国客服电话
                            <span>400-987-2938</span>
                        </div>
                    </div>
                    <div class="footer_item">客服QQ: 3527863291<br/>客服微信：<a href="tel:18621920243">18621920243</a><br/>客服邮箱：fuwu@taibai123.com<br/>客服工作时间：周一至周五 9:00-18:00</div>
                    <div class="footer_text">世界顶级八字专家团队太白八字全力打造</div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    name: 'advert',
    data() {
        return {
            list:[1,2]
        }
    },
    methods: {
        // 支付
        onPay(data){
            console.log(data);
        },
        // bbs
        onBbs(){
            this.$router.push({
                path:'/bbs'
            })
        }
    },
    created() {}
}
</script>
<style scoped>
@import url('./base.css');
</style>
